import presetWeapp from 'unocss-preset-weapp'
import { transformerClass, transformerAttributify } from 'unocss-preset-weapp/transformer';
import { presetWebFonts } from 'unocss'
export default ({
    // 定义原子 CSS 工具类。
    rules: [
        [
            'm-1', { 'margin-top': '100rpx' }
        ],//添加自定义规则(class类名)
        [
            /^text-(.*)$/,
            ([, c], { theme }) => {
                if (theme.colors[c]) return { color: theme.colors[c] }
            }
        ],//定义主题规则
    ],
    //针对常见用例预定义的配置。
    presets: [
        presetWeapp(),
        presetWebFonts({
            provider: 'google', // 默认提供者
            fonts: {
                // 这些将扩展默认主题
                sans: 'Roboto',
                mono: ['Fira Code', 'Fira Mono:400,700'],
                // 自定义的
                lobster: 'Lobster',
                lato: [
                    {
                        name: 'Lato',
                        weights: ['400', '700'],
                        italic: true
                    },
                    {
                        name: 'sans-serif',
                        provider: 'none'
                    }
                ]
            }
        })
    ],
    // 代码转换器，用于支持约定。
    transformers: [
        transformerAttributify(),
        transformerClass()
    ],
    //将多个规则组合成一个简写。
    shortcuts: [
        { center: 'flex items-center justify-center' }
    ],
    //自定义主题规则
    theme: {
        // ...
        colors: {
            'veryCool': '#0000ff', // class="text-very-cool"
            'brand': {
                'primary': 'hsla(var(--hue, 217), 78%, 51%)', //class="bg-brand-primary"
            }
        },
    },
})
